<template>
    <div class="buybtn">
        <div class="btngroup">
            <div class="btn1" @click="download">立即下载压缩包</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "demo",
        data(){
            return{

            }
        },
        methods:{
            /* 点击下载 */
            download(){
                window.location.href = this.Url + '/uploads/20220117/125711f047837570be8a7f09dfd8a3a1.rar';
            },
        }
    }
</script>

<style scoped>
    .buybtn{
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        min-height: 76px;
        background: rgba(255,255,255,0.9);
        box-sizing: border-box;
        padding: 10px 20px;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .buybtn .btngroup{
        width: 100%;
        /*height: 76px;*/
        display: flex;
        justify-content: space-between;
    }
    .buybtn .btngroup div{
        width: 48%;
        height: 39px;
        text-align: center;
        line-height: 39px;
        color: #fff;
        font-size: 14px;
        border-radius: 5px;
        flex: 1;
    }
    .buybtn .btngroup div:nth-child(2){
        margin-left: .2rem;
    }
    .buybtn .btn1{
        background: #27aa2a;
    }
    .buybtn .btn2{
        background: #4483e4;
    }
    .buybtn .disable{
        background: #999999;
    }
    .buybtn .hascount{
        /*position: absolute;*/
        /*bottom: 0;*/
        /*left: 0;*/
        width: 100%;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
        color: #fc5d4d;
        display: block;
        text-align: center;
    }
    .buybtn .hascount span{
        text-decoration: line-through;
    }
</style>